@tailwind base;
@tailwind components;
@tailwind utilities;

html,
body,
#app {
  height: 100%;
}
body {
  margin: 0;
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 10px;
}

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(200, 200, 200, 0.3);
  border-radius: 15px;
  border-style: dashed;
  border-width: 3px;
  border-color: transparent;
  background-clip: padding-box;
  /*scrollbar-arrow-color: red;*/
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(200, 200, 200, 0.3);
  border-radius: 15px;
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  border-radius: 15px;
  background: rgba(0, 0, 0, 0);
}

.page-left-sidebar {
  width: 250px;
}

.page-left-sidebar li {
  height: 66px !important;
  border-radius: 12px 12px 12px 12px !important;
  padding: 20px !important;
  width: 100% !important;
  margin: 0 !important;
}

.page-left-sidebar li.ant-menu-item-selected {
  background: #1960f6 !important;
  color: #f7f9ff !important;
}

.page-left-sidebar .ant-menu-item-selected .ant-menu-title-content {
  background: none !important;
  color: #f7f9ff !important;
}

.ant-table-wrapper .ant-table-thead > tr {
  border-radius: 6px 6px 0px 0px;
  /* border: 1px solid #E8F0FC; */
  background: #f5f7fa;
}

.ant-table-wrapper .ant-table-thead > tr > th {
  background: #f5f7fa;
  color: #5a5b5f;
}

.ant-table-wrapper .ant-table-thead > tr > th .ant-table-column-title {
  font-weight: 600;
  font-size: 14px;
  color: #5a5b5f;
}
